<template>
  <div>
    SlotParent
    <child-slot test="test">
      <template v-slot:default="prop">
        {{prop.student}}<br>
        这里是slot{{msg}}<br>
      </template>
      <template #head="slotProps">111111111{{slotProps.student}}{{slotProps.people}}</template>
      <template #body="slotProps">222222222{{slotProps.people.name}}</template>
      <template #foot="slotProps">333333333{{slotProps.student}}</template>
    </child-slot>
  </div>
</template>

<script>
  import ChildSlot from './ChildSlot'

  export default {
    name: "SlotParent",
    components: {
      ChildSlot
    },
    data() {
      return {
        msg: 'test slot msg',
        num: '1000000'
      }
    }
  }
</script>

<style scoped>

</style>
